<template>
  <div class="header">
    <router-link to="/">
      <span class="iconfont city-back">&#xe601;</span>
    </router-link>
    城市选择
  </div>
</template>
<script>
  export default {
    name:'CityHeader'
  }
</script>
<style lang="stylus" scoped>
  @import "../../../../static/css/varibles.styl"
  .header
    width:100%
    height:$headerHeight
    line-height:$headerHeight
    color: #fff
    background:$bgColr
    text-align:center
    position:relative
    font-size:0.3rem
    .city-back
      position:absolute
      top:0;
      left:0.1rem
      color: #ffffff
      font-size:0.38rem
</style>
